<include file="Common:header"/>
  	<title>订单确认</title>
	<css file="__PUBLIC__/Index/css/cart.css"/>
	<js file="__PUBLIC__/js/jquery-1.8.2.min.js"/>
	<js file="__PUBLIC__/Index/js/order.js"/>
	<script type="text/javascript">
		var getCityInfo = "{:U('getCity')}";
		var addNewAddress = "{:U('addNewAddress')}";
		var addDel = "{:U('delAddress')}";
		var setDefAddress = "{:U('setDefAddress')}";
		var modifyAddress = "{:U('modifyAddress')}";
		var updateAddress = "{:U('updateAddress')}";
	</script>
	<div class="goodscont">
			<div style="background:#FFFFFF;float:left;">
		<div class="cart_head">
			<a href="/" target="blank">
				<div class="shop_logo" style="cursor:pointer;"></div>
			</a>
			<div class="cart_head_r">
				<a href="">个人中心</a>/ 
				<a target="_blank" href="">帮助中心</a>/ 
				<a target="_blank" href="__ROOT__/index.php">返回首页</a>
			</div>
		</div>
		<div style="clear:both;"></div>
		<div class="cart_setup">
			<span class="shop_menu_line">购物车</span>
			<span>></span>
			<span class="shop_menu_line" style="color: #fff">确认订单信息</span>
			<span>></span>
			<span class="shop_menu_line">提交订单成功</span>
			<span>></span>
			<span class="shop_menu_line">确认收货</span>
		</div>
		<div style="clear:both;"></div>
		<div class="cartbox">
			<form action="{:U('Order/addOrder')}" method="post">
  			<div class="consignee">
  				<div style="float:left;">收货人信息</div>
  				<div class="newaddress"></div>
  				<ul class="useraddlist">
  					<if condition="is_array($address)">
  						<foreach name="address" item="val">
	  						<li aid="{$val.address_id}">
	  							<div class="addressname">
	  								<if condition="$val['add_default'] eq '1'">
	  									<input type="radio" checked="checked" value="{$val.address_id}" name="address" style="margin:0px 0 2px 5px;">
	  									<else/>
	  									<input type="radio" value="" name="address" style="margin:0px 0 2px 5px;">
	  								</if>
	  								{$val.consignee}
	  							</div>
	  							<div class="location">
	  								{$val.location}
	  							</div>
	  							<div class="moblie">
	  								{$val.moblie}
	  							</div>
	  							<div class="opreate">
	  								<if condition="$val['add_default'] eq '1'">
	  									<b class="isdefault">默认地址</b>
	  								<else/>
	  									<a class="address_defa">设为默认地址</a>
	  								</if>
	  								<a class="address_modi">[修改]</a>
	  								<a class="address_del">[删除]</a>
	  							</div>
	  						</li>
  						</foreach>
  					<else/>
  						<li>
  							<a class="addresss_add" style="cursor: pointer;color: #BF0929;">添加收货地址</a>
  						</li>
  					</if>
  				</ul>
  				<div id="all_address_bg" style="display: none;"></div>
  				<div id="address_info">
  					<div class="ai_title">
  						<span class="all_address_titletop">添加新地址</span>
						<span class="all_address_titleClose">×</span>
  					</div>
  					<ul style="text-indent:5px;">
  						<li>
  							<div class="address_detail">省市：</div>
  							<div class="address_detail1">
	  							<select name="" id=""  style="border:1px solid #ccc; margin:3px 5px 0px 0px;">
	  								<option value="0">中国</option>
	  							</select>
	  							<select name="area1" id=""  style="border:1px solid #ccc; margin:3px 5px 0px 0px;">
	  								<option value="no" selected="selected" >-请选择-</option>
	  								<foreach name="cityList" item="val">
	  									<option value="{$val.cid}">{$val.city}</option>
	  								</foreach>
	  							</select>
	  							<select name="area2" id=""  style="border:1px solid #ccc; margin:3px 5px 0px 0px;">
	  								<option value="no" selected="selected">-请选择-</option>
	  							</select>
	  							<select name="area3" id=""  style="border:1px solid #ccc; margin:3px 5px 0px 0px;display:none;">
	  								<option value="no" selected="selected">-请选择-</option>
	  							</select>
  							</div>
  						</li>
  						<li>
  							<div class="address_detail">收货人姓名：</div>
  							<div class="address_detail1">
	  							<input  type="text" maxlength="20" name="consignee" value="" class="address_d_c">(必填)
  							</div>
  						</li>
  						<li>
  							<div class="address_detail">手机：</div>
  							<div class="address_detail1">
	  							<input  class="address_d_m" type="text" name="tel" maxlength="12" value="">(必填)
  							</div>
  						</li>
  						<li>
  							<div class="address_detail">详细地址：</div>
  							<div class="address_detail1">
	  							<input type="text" class="address_d_a" maxlength="200" name="addressD" value="">(必填)
  							</div>
  						</li>
  						<li>
  							<div class="address_detail">电子邮箱：</div>
  							<div class="address_detail1">
	  							<input class="address_d_e" type="text" name="email" value="">(必填)
  							</div>
  						</li>
  						<li class="address_btns">
  							<input class="address_btn_tijiao" type="button" value="确认">
							<input class="address_btn_quxiao" type="button" value="取消">
  						</li>
  					</ul>
  				</div>
  			</div>
  			<div style="clear:both;"></div>
			<div class="confirmorder">
				<span style="float:left;">确认订单信息</span>
				<a style="color:#000; float:right" href="{:U('Cart/index')}">回到购物车，修改订单>></a>
			</div>
			<ul class="gsshow">
				<li style="width:140px;text-align:center;">商品图片</li>
				<li style="width:380px;text-align:center;">商品名称</li>
				<li style="width:140px;text-align:center;">颜色/尺码</li>
				<li style="width:140px;text-align:center;">单价(元)</li>
				<li style="width:140px;text-align:center;">数量</li>
				<li style="width:140px;text-align:center;">小计(元)</li>
			</ul>
			<div class="gslistbox">
				<foreach name="data" item="val">
					<ul class="buygslist">
						<li class="gsinfo">
							<a href="{:U('GoodsCont/index' ,array('gid'=>$val[gid]))}" title="{$val.gname}"><img src="{$val.gimg}" width="100px" height="100px" alt="{$val.gname}" ></a>
						</li>
						<li class="gsname">
							<p><a href="">{$val.gname}</a></p>
						</li>
						<li class="gscsize">
							<span>{$val.color}</span>/
							<span>{$val.size}</span>
						</li>
						<li class="sprice">{$val.sprice}</li>
						<li class="number">
							{$val.number}
							<input type="hidden" name="buynumberh[]" value="{$val.number}">
						</li>
						<li>
							<b class="totalprice">{$val.totalPrice}</b>
						</li>
					</ul>
				</foreach>
				<div class="msgtoboss">
					<p>订单附言：</p>
					<input type="text" name="usermsg"  value="选填，可以告诉卖家您对商品的特殊要求" style="height: 20px; width: 310px; line-height: 20px; float: left;" onfocus="javascript:if(this.value=='选填，可以告诉卖家您对商品的特殊要求')this.value='';" onblur="if(this.value=='') this.value='选填，可以告诉卖家您对商品的特殊要求';">
				</div>
				<div class="pstype">
					<div class="pstypelist">
						
						<select name="pstype" style="width:130px;float:right;">
							<option value="0">-请选择配送方式-</option>
							<option value="1" selected="selected">EMS ￥15元</option>
							<option value="2">顺风 ￥20</option>
						</select>
							<span style="float:right;">配送方式：</span>
					</div>
				</div>
				<div class="paytype">
					<span>支付方式：<a style="color: #C80A28;line-height: 32px;cursor:pointer;" class="select_paytype">请选择支付方式</a></span>
					<input type="hidden" name="paytype" value="0">
				</div>
				<div id="paytype_list">
					<div class="paytype_list_title">
						<div style="float:left">全部支付方式</div>
						<span  style="float: right; margin-right: 10px; font-size: 16px; cursor: pointer" class="close_p_w">×</span>						
					</div>
					<div class="paytype_order">
						
						<ul class="shopping_order_pay">
							<li>
								<label>
								<input type="radio" name="selectPayment" value="1" checked="checked">
								<img border="0" width="125" height="32" src="__PUBLIC__/Index/images/alipay.gif" style="cursor:pointer;">
								</label>
							</li>
							<li>
								<label>
								<input type="radio" name="selectPayment" value="2" >
								<img border="0" width="125" height="32" src="__PUBLIC__/Index/images/alipay_ABC.gif" style="cursor:pointer;">
								</label>
							</li>
							<li>
								<label>
								<input type="radio" name="selectPayment" value="3" >
								<img border="0" width="125" height="32" src="__PUBLIC__/Index/images/alipay_BJBANK.gif" style="cursor:pointer;">
								</label>
							</li>
							<li>
								<label>
								<input type="radio" name="selectPayment" value="4" >
								<img border="0" width="125" height="32" src="__PUBLIC__/Index/images/alipay_BOCB2C.gif" style="cursor:pointer;">
								</label>
							</li>
							<li>
								<label>
								<input type="radio" name="selectPayment" value="5" >
								<img border="0" width="125" height="32" src="__PUBLIC__/Index/images/alipay_CCB.gif" style="cursor:pointer;">
								</label>
							</li>
							<li>
								<label>
								<input type="radio" name="selectPayment" value="6" >
								<img border="0" width="125" height="32" src="__PUBLIC__/Index/images/alipay_CEBBANK.gif" style="cursor:pointer;">
								</label>
							</li>



							<li>
								<label>
								<input type="radio" name="selectPayment" value="7" >
								<img border="0" width="125" height="32" src="__PUBLIC__/Index/images/alipay_CIB.gif" style="cursor:pointer;">
								</label>
							</li>
							<li>
								<label>
								<input type="radio" name="selectPayment" value="8" >
								<img border="0" width="125" height="32" src="__PUBLIC__/Index/images/alipay_CITIC.gif" style="cursor:pointer;">
								</label>
							</li>
							<li>
								<label>
								<input type="radio" name="selectPayment" value="9" >
								<img border="0" width="125" height="32" src="__PUBLIC__/Index/images/alipay_CMB.gif" style="cursor:pointer;">
								</label>
							</li>
							<li>
								<label>
								<input type="radio" name="selectPayment" value="10" >
								<img border="0" width="125" height="32" src="__PUBLIC__/Index/images/alipay_CMBC.gif" style="cursor:pointer;">
								</label>
							</li>
							<li>
								<label>
								<input type="radio" name="selectPayment" value="11" >
								<img border="0" width="125" height="32" src="__PUBLIC__/Index/images/alipay_COMM.gif" style="cursor:pointer;">
								</label>
							</li>
							<li>
								<label>
								<input type="radio" name="selectPayment" value="12" >
								<img border="0" width="125" height="32" src="__PUBLIC__/Index/images/alipay_GDB.gif" style="cursor:pointer;">
								</label>
							</li>


							<li>
								<label>
								<input type="radio" name="selectPayment" value="13" >
								<img border="0" width="125" height="32" src="__PUBLIC__/Index/images/alipay_HZCBB2C.gif" style="cursor:pointer;">
								</label>
							</li>
							<li>
								<label>
								<input type="radio" name="selectPayment" value="14" >
								<img border="0" width="125" height="32" src="__PUBLIC__/Index/images/alipay_ICBCB2C.gif" style="cursor:pointer;">
								</label>
							</li>
							<li>
								<label>
								<input type="radio" name="selectPayment" value="15" >
								<img border="0" width="125" height="32" src="__PUBLIC__/Index/images/alipay_NBBANK.gif" style="cursor:pointer;">
								</label>
							</li>
							<li>
								<label>
								<input type="radio" name="selectPayment" value="16" >
								<img border="0" width="125" height="32" src="__PUBLIC__/Index/images/alipay_POSTGC.gif" style="cursor:pointer;">
								</label>
							</li>
							<li>
								<label>
								<input type="radio" name="selectPayment" value="17" >
								<img border="0" width="125" height="32" src="__PUBLIC__/Index/images/alipay_SDB.gif" style="cursor:pointer;">
								</label>
							</li>
							<li>
								<label>
								<input type="radio" name="selectPayment" value="18" >
								<img border="0" width="125" height="32" src="__PUBLIC__/Index/images/alipay_SHBANK.gif" style="cursor:pointer;">
								</label>
							</li>

							<li>
							<label>
								<input type="radio" name="selectPayment" value="19" >
								<img border="0" width="125" height="32" src="__PUBLIC__/Index/images/alipay_SPDB.gif" style="cursor:pointer;">
								</label>
							</li>
						</ul>
						
						<input class="quxiao" type="button"  value="取消">
						<input class="queren" type="button" value="确认支付方式">
					</div>
				</div>
			</div>
			
		</div>
		<div class="allpshow">
			<table border="0">
				<tr class="gspsum" height="30px">
					<td width="600px"></td>
					<td width="400px" style=" color: #7B7B7B;font-size: 12px;">商品总价：￥<span class="ap">{:number_format($sumPrice,'2')}</span>+配送费用：￥<span class="tp">15.00</span></td>
				</tr>
				
				<tr height="30px">
					<td></td>
					<td style="  color: #BF0000;font-size: 14px;">您共需要为订单支付：￥<font size='5' class="rp">{:number_format($sumPrice+15,'2')}</font></td>
				</tr>
				<tr height="40px">
					<td></td>
					<td><input type="submit" class="submitbtn" value=''></td>
				</tr>
			</table>
		</div>
		</form>
		</div>
		<!-- 网站底部声明 -->
		<div class="uentrybottom" style="">
			<div class="uentrybottom_c1">
				仿韩都衣舍官网，仅供个人学习实践使用，不用于任何商业用途，不承担任何法律责任！
			</div>
			<div class="uentrybottom_c2">
				
			</div>
		</div>
		<!-- 网站底部声明 -->
	</div>
	</body>
</html>